// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';
$brand-theme: 'firefox';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
@import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
@import '../protocol/components/video';

// * -------------------------------------------------------------------------- */
// Components
.mzp-c-split-bg.mzp-t-dark {
    background-color: $color-ink-80;
}

.mzp-c-split-body {
    max-width: 580px;

    .mzp-c-logo {
        margin-left: auto;
        margin-right: auto;

        @media #{$mq-md} {
            margin-left: 0;
            margin-right: 0;
        }
    }
}


// * -------------------------------------------------------------------------- */
// Conditional CTAs

// Hide extension CTA for non-Firefox
// Hide mobile CTA for non-mobile
.extension-cta,
.mobile-cta {
    display: none;
}

// Hide download CTA for Firefox
.is-firefox {
    #download-firefox-cta,
    .firefox-cta {
        display: none;
    }

    .extension-cta {
        display: inline-block;
    }
}

.ios,
.android {
    .extension-cta,
    #download-firefox-cta,
    .firefox-cta {
        display: none;
    }

    .mobile-cta {
        display: block;

        ul li {
            display: inline-block;
        }
    }
}
